<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>全屏移动效果</title>
  <link rel="stylesheet" href="./css/L5.css">

</head>

<body>
  <input type="radio" id="menu1" name="menu" checked>
  <input type="radio" id="menu2" name="menu">
  <input type="radio" id="menu3" name="menu">
  <input type="radio" id="menu4" name="menu">
  <input type="radio" id="menu5" name="menu">

  <div class="grid-container">
    <div>111111111</div>
    <div>222222222</div>
    <div>333333333</div>
    <div>444444444</div>
    <div>555555555</div>
  </div>

  <div class="menu">
    <label for="menu1">第一屏</label>
    <label for="menu2">第二屏</label>
    <label for="menu3">第三屏</label>
    <label for="menu4">第四屏</label>
    <label for="menu5">第五屏</label>
  </div>


</body>

</html>